﻿@model KRM.Core.tblUser
@{
    ViewBag.Title = "Account Setting";
}
<div class="row">
    <div class="col-md-12" id="msg-AccountSetting">
    </div>
    <div class="col-md-12" >
        @Html.Partial("Partial/_MessageResult")
    </div>
</div>

<div class="row">
<div class="col-md-6">
    <form action="/Profile/ChangeAvatar" method="POST" class="form-horizontal"enctype="multipart/form-data" id="frChangeAvatar">
        <div class="form-body">
            <h3 class="form-section" style="margin-top: -10px">Change Avatar</h3>
            <input type="hidden" value="@Model.UserID" name="UserID"/>
            <div class="form-group">
                <div class="col-md-3">
                    <label class="control-label">Avatar Images</label>
                </div>
                <div class="col-md-9">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
                            <img src="@(Model.Avatar!=null?"/Upload/Avatar/"+Model.Avatar:"http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image")" alt="">
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                        <div>
                            <span class="btn default btn-file">
                                <span class="fileupload-new"><i class="icon-paper-clip"></i> Select image</span>
                                <span class="fileupload-exists"><i class="icon-undo"></i> Change</span>
                                <input type="file" class="default" name="image">
                            </span>
                            <a href="#" class="btn red fileupload-exists" data-dismiss="fileupload"><i class="icon-trash"></i> Remove</a>
                        </div>
                    </div>
                    <span class="label label-danger">NOTE!</span>
                    <span>
                        Attached image thumbnail is
                        supported in Latest Firefox, Chrome, Opera, 
                        Safari and Internet Explorer 10 only
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-3">
                     
                </div>
                <div class="col-md-9">
                    <button type="submit" class="btn btn green">
                        <i class="icon-ok"></i> Change Avatar</button>
                    <button type="reset" class="btn btn-default">Cancel</button>  
                </div>
            </div>  
        </div>  
    </form>
</div>
<div class="col-md-6">
       <form action="/Profile/ChangePassword" method="POST" class="form-horizontal" id="frChangePassword">
           <div class="form-body">
           <input type="hidden" value="@Model.UserID" name="UserID" />
           <h3 class="form-section" style="margin-top: -10px">Change Password and PIN number</h3>

           <div class="form-group">
               <label class="control-label col-md-4">Password</label>
               <div class="col-md-8">
                   <input type="password" name="oldPassword" class="form-control" required="required"value="@Model.UserPassword">
               </div>
           </div>   
                      <div class="form-group">
               <label class="control-label col-md-4">New Password</label>
               <div class="col-md-8">
                   <input type="password" name="newPassword" class="form-control" required="required">
               </div>
                      </div>   
           <div class="form-group">
               <label class="control-label col-md-4">Confirm Password</label>
               <div class="col-md-8">
                   <input type="password" name="reNewPassword" class="form-control" required="required">
               </div>
           </div>
            <hr />
               <div class="form-group">
               <label class="control-label col-md-4">PIN number</label>
               <div class="col-md-8">
                   <input type="password" maxlength="6" name="oldPinnumber" class="form-control" value="@Model.PINNumber">
               </div>
           </div>   
                      <div class="form-group">
               <label class="control-label col-md-4">New PIN number</label>
               <div class="col-md-8">
                   <input type="password" maxlength="6" name="newPinnumber" class="form-control">
               </div>
                      </div>  
            

               <div class="form-group">
                <div class="col-md-3">
                     
                </div>
                <div class="col-md-9">
                   <button type="submit" class="btn btn blue"><i class="icon-ok"></i> Submit</button>
                   <button type="reset" class="btn btn-default">Cancel</button> 
                </div>  
                 </div> 
               </div>  
       </form>
</div> 
</div>
